<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<c:forEach items="${videos}" var="videoItem">
	<div class="videoListItem">
		<div class="info">
			<h2 style="margin-bottom: 5px">
				<a href="video/${videoItem.id}">${videoItem.title}</a>
			</h2>
			<div class="stats">
				<div class="numbers">
					<span class="views" style="padding-right: 10px"><fmt:formatNumber pattern="#,###,##0" value="${videoItem.viewNumber}"/></span>
					<span class="comments"><fmt:formatNumber pattern="#,###,##0" value="${videoItem.commentNumber}"/></span>
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<div class="videoThumb">
			<a class="play" data-id="9407" href="video/${videoItem.id}"> <img src="http://i.ytimg.com/vi/${videoItem.youtubeId}/${videoItem.thumbnail}" width="728"
				alt="${videoItem.title}"> <span class="playIcon"></span>
				<div class="duration">${videoItem.duration}</div>
			</a>
		</div>
	</div>
</c:forEach>